//首页别用hook，因为用了hook必须加use client，不利于SEO，多使用SSR模式 （可以在主页下属的部分组件里使用，因为 use client 只会影响下级，不会影响上级，需要保证主页大部分内容是SSR）

import HomePage from "./(components)/HomePage";

export default async function Home() {
  //这里使用定时器模拟请求，或者数据库操作。可以看到页面一秒后才显示，最终显示在页面上的data是666 （这些过程都是在服务端完成的）
  const data = await new Promise<number>((r) =>
    setTimeout(() => {
      r(666);
    }, 1000)
  );
  // const dbData = await db_xxx.find("xxx") //还可以进行数据库操作，这些是在服务端完成的，无需担心数据泄露
  return (
    <div className="items-center">
      {/* <div>{data}</div> */}
      <HomePage/>
      {/* <CSRComponent>这是使用了hook的组件</CSRComponent> */}
    </div>
  );
}
